import { View } from '@tarojs/components';

export default function Tags(props: { list: string[] }) {
  return (
    <View className='-mb-1'>
      {props.list?.map((item) => (
        <View
          key={item}
          className=' rounded-[6px] inline-block mr-2 mb-1 bg-[#EFF3FA] text-[22px] text-[#7A8195] px-2 py-1 leading-none'
        >
          {item}
        </View>
      ))}
    </View>
  );
}
